<template>
	<view class="cu-modal" :class="{ show: showAuth }" @tap="closeAuthModal" style="z-index: 10080;">
		<view class="login-wrap cu-dialog" @tap.stop style="border-radius: 20rpx;">
			<view class="text">您还没有登录</view>
			<view class="btn-wrap">
				<view class="btn" @tap="closeAuthModal">返回</view>
				<view class="btn btn-register" @tap="$Router.push({ path: '/pages/user/login/login' })">去登录</view>
			</view>
		</view>
	</view>
</template>

<script>
/**
 * 登录提示页
 */
import { mapMutations, mapActions, mapState, mapGetters } from 'vuex';
export default {
	name: 'shoproAuthModal',
	data() {
		return {};
	},

	computed: {
		...mapGetters(['initStore', 'isLogin','authType']),
		showAuth: {
			get() {
				return !!this.authType;
			},
			set(value) {
				value ? uni.hideTabBar() : uni.showTabBar();
			}
		}
	},
	mounted() {},
	methods: {
		closeAuthModal() {
			this.$store.dispatch("showAuthModal", "");
		},
	}
};
</script>

<style lang="scss" scoped>
.login-wrap {
	.text {
		font-size: 32rpx;
		font-weight: 500;
		color: #21201E;
		padding: 60rpx;
		text-align: center;
	}
	.btn-wrap {
		display: flex;
		border-top:2rpx solid rgba(33, 32, 30, 0.05);
		.btn {
			flex: 1;
			color: #21201E;
			font-size: 28rpx;
			font-weight: 500;
			padding: 30rpx;
			text-align: center;
			&.btn-register {
				color: #E77817;
				border-left:2rpx solid rgba(33, 32, 30, 0.05);
			}
		}
	}
}
</style>
